@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {
	font-family: "Microsoft YaHei","微软雅黑";
	font-size: 13px;
	line-height: 28px;
	color: #777;
	background-color: #fff;
	overflow-x: hidden;
}

div, p, span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none;}
ul,li{list-style-type:none;}
.tr,td{ border:1px solid #ccc; font-size:12px;}

a {color: #333;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover {color: #ff3300; text-decoration: none;}
a:active,a:focus {outline: 0;color: #ff3300; text-decoration: none;}
img {max-width: 100%; border:0;}

a.abai {color: #FFFFFF;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.abai:hover  {color: #4aa616; text-decoration: none;}

h1{ font-size:12px;}
h2{ font-size:14px;}
h3{ font-size:18px;}
h4{ font-size:24px;}
h5{ font-size:32px;}
h6{ font-size:38px;}

.m10{ margin:10px 0px;}
.m20{ margin:20px 0px;}
.m30{ margin:30px 0px;}
.m40{ margin:40px 0px;}
.pd{padding:0px;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float: right;}
.BMap_bubble_title .title{font-size: 22px;}
.BMap_bubble_content .baiduMap{ line-height: 24px;}

.clearfix::after{
    content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{clear: both;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*--TOP样式--*/
.navbar-brand { width: 200px; margin-right: 50px;}
.navbar-brand{max-height: 100%;}


/*--首页公司简介--*/
.companybg{background:#61a61d; display: inline-block;}
.company {width: 100%;}
.company .title {font-size:26px; color: #fff; text-align: center; padding: 20px 0px;}
.company .text{font-size: 14px; color: #fff; line-height: 24px; padding: 0px 20px; text-indent:2em; height: auto; border: 0px;}
.company .more a{ background: #ffffff; color: #61a61d; padding: 10px 20px; margin: 20px; display: inline-block;}
.company .more a:hover{color: #61a61d;text-indent:4px;}

/*--首页产品--*/
.proname{ font-size: 22px; color: #333; line-height: 50px;}
.proline{ border-bottom: 2px solid #61a61d; width: 50px; margin: 0 auto;}
.proen{line-height: 33px;}


.propic{width: 100%;}
.propic ul{padding:15px 0px;display: inline-block;}
.propic ul li{float:left; border: 1px solid #e7e7e7; position:relative;}
.propic ul li .title{ background: rgba(000,000,000,0.5);position: absolute;padding: 10px 0px; width: 100%; bottom:0;}
.propic ul li .title span{font-size: 15px; color: #FFF; text-align: center; display: block;}
.propic ul li dd{font-size: 13px; color: #333; text-align: center;line-height: 38px;}


/*--首页新闻资讯--*/
.News{ width: 100%;}
.News h1{font-size: 18px; color: #333; border-bottom: 2px solid #62a61d;line-height: 38px; display: inline-block;}
.News span{ float: right; padding-top: 38px;}
.News span a{color:#62a61d; }
.News span a:hover{color:#ff5900; }

.Newsline{border: 1px solid #e7e7e7; padding: 15px;}
.Newsline .title{font-size: 18px;padding: 0px;line-height: 30px; color: #333;}
.Newsline .title a{color: #333;}
.Newsline .title a:hover{color: #62a61d;}
.Newsline .Content{line-height: 24px; padding-top: 5px;}
.Newsline .list{ width: 100%; padding-top: 15px;}
.Newsline .list ul{padding: 0px;}
.Newsline .list ul li{ border-bottom: 1px dashed #e7e7e7; line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Newsline .list ul li a{color:#666666;}
.Newsline .list ul li a:hover{color:#62a61d;}
.Newsline .list ul li span{ float: right; color: #a9a9a9;}

/*--内页Sublist--*/
.Sublistline{background: #f6f6f6; padding: 35px 0;}
.Sublist-left h1{font-size: 35px;color: #222222;line-height: 50px;}
.Sublist-left i{ color: #62a61d; font-size: 20px;}
.Sublist-left span{ color: #62a61d;}
.Sublist-left span a{ color: #62a61d; padding: 0 2px;}

.Sublist-right {float: right; padding-top: 40px;}
.Sublist-right li{ font-size: 15px; text-align: center; padding: 0px; float: left; font-weight: normal; margin: 0 10px;}
.Sublist-right li a{color: #333; display: block; padding: 8px 30px; border-radius: 5px;}
.Sublist-right li a:hover{ background: #62a61d; color: #fff;border-radius: 5px;}
.Sublist-right li a.thisclass{background: #62a61d; color: #fff;border-radius: 5px;}

/*--内页News--*/
.New { width: 100%; }
.New ul { padding: 10px 0px;}
.New ul li h1{font-size: 22px; color: #62a61d; line-height: 32px;}
.New ul li h1 a{color: #333;}
.New ul li h1 a:hover{color: #62a61d;}
.New ul li span{color: #999;}
.New ul li.NewContent{line-height: 24px; padding: 5px 0px 10px 0px; text-indent: 2em;}

.More a{ margin: 0; color: #df590f; text-align: center;  width: 130px; line-height: 38px;border: 1px solid #e7e7e7;display: inline-block;transition: all .5s; margin: 20px 0;}
.More a:hover{ color:#FFFFFF; background:#62a61d;text-indent:4px;}


/*--内页核心技术--*/
.TechnologyPic{max-width: 100%; padding:15px 0px;}
.Technology{ border: 1px solid #e7e7e7; display: inline-block; display: -webkit-box; margin: 20px 0px;}
.Technology ul{padding: 0;}
.Technology ul li h1{font-size: 22px; color: #62a61d; line-height: 32px;}
.Technology ul li h1 a{color: #333;}
.Technology ul li h1 a:hover{color: #62a61d;}
.Technology ul li.Content{line-height: 24px; padding: 5px 0px 10px 0px; text-indent: 2em;}

.Technology ul li.More a{ margin: 0; color: #df590f; text-align: center;  width: 130px; line-height: 38px;border: 1px solid #e7e7e7;display: inline-block;transition: all .5s;}
.Technology ul li.More a:hover{ color:#FFFFFF; background:#62a61d;text-indent:4px;}

/*--详情页--*/
.Detail{width:100%;}
.Detail h1{width:100%; font-size: 22px;line-height: 50px;}
.Detail .line{border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; padding: 10px 0px; color: #999;}
.Detail li span{ padding: 0 10px;}
.Detail li span b{ color: #ff3300;}
.DetailContent{ /*text-indent: 2em;*/ line-height: 30px; margin: 20px 0px;}
.DetailContent img{max-width: 100%;}
.Detail .prve p a{color: #333;}
.Detail .prve p a:hover{color: #c10a2d;}

.prve {width: 100%;}
.prve p{ padding:5px 0;}

.zixun{background:#62a61d;}
.zixun h1{ color: #fff; font-size: 28px;line-height: 60px;}
.zixun img{margin: 30px 0px;}


/*--右边浮动QQ--*/
.right_side {position: absolute;right: 0;top: 25%;width: 60px;height: 245px;z-index: 80000;}
.right_side ul{ margin: 0; padding: 0;}
.right_side ul li {
	width: 60px;
	height: 60px;
	border-bottom: 1px solid #7ac52e;
	background: #62a61d url(../Images/right_ico.png) no-repeat;
	cursor: pointer;
	position: relative;
	-webkit-transition: background .5s ease-out;
	-moz-transform: background .5s ease-out;
	transition: background .5s ease-out
}

.right_side ul li:hover {background: #fff url(../Images/right_hover_ico.png) no-repeat}
.right_side ul li.qq {background-position: center 17px;border-top-left-radius: 5px}
.right_side ul li.qq div {
	display: none;
	background-color: #f9f9f9;
	position: absolute;
	right: 60px;
	width: 180px;
	height: 220px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	overflow: hidden;
	box-shadow: -7px 0 10px rgba(0, 0, 0, .2)
}

.right_side ul li.qq div dt {text-align: center;height: 60px;line-height: 60px;background-color: #fff}
.right_side ul li.qq div dd {
	height: 60px;
	line-height: 60px;
	color: #666;
	margin: 0 auto;
	width: 160px;
	font-size: 16px;
	border-bottom: 1px dotted #dedede;
	text-indent: 80px;
	background: url(../Images/qqbg.gif) no-repeat 30px 17px
}

.right_side ul li.qq div dd a {display: block;}
.right_side ul li.qq div dd a:hover {color: #556c9c}
.right_side ul li.tel {background-position: center -44px}
.right_side ul li.tel div {
	display: none;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	position: absolute;
	right: 60px;
	box-shadow: -7px 0 10px rgba(0, 0, 0, .3);
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	font-size: 24px;
	font-weight: 700;
	color: #62a61d;
	background-color: #fff;
	white-space: nowrap;
}

.right_side ul li.wx {background-position: center -105px}
.right_side ul li.wx div {
	display: none;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	position: absolute;
	right: 60px;
	box-shadow: -7px 0 10px rgba(0, 0, 0, .3);
	height: 120px;
	width: 120px;
	top: -60px;
	background-color: #fff;
	white-space: nowrap;

	}
.right_side ul li.top {background-position: center -166px;border: none;border-bottom-left-radius: 5px}
.right_side ul li:hover div {display: block}
.right_side ul li.qq:hover {border-radius: 0}

/*--底部样式--*/
.FootMenubg{ width:100%;padding-top:30px; background:#282828;}
.FootMenu{ width:100%;}
.FootMenu .wx{max-width: 100%;}
.FootMenu .wx .s-s{ padding-top:28px;}
.FootMenu .Tel{ padding-top: 15px; font-size: 13px; line-height: 23px; color: #61a61d;display:inline-block;}
.FootMenu .Title>a{ color:#93c643; font-size:16px; height:40px; line-height:40px; border-bottom: 1px solid #93c643; display:inline-block;}
.FootMenu .Title>a:hover{ color:#4aa616;}
.Footsubmenu{padding: 10px 0px;}
.Footsubmenu span a{ float:left; width:100%; color:#adadad; height:26px; line-height:26px; font-size:13px;}
.Footsubmenu span a:hover{color:#93c643;}

.Copy{color:#FFF; line-height:42px; background: #62a61d;}

.Mobile-fluid{position:fixed; left:0; bottom:0; background-color:#232323;width:100%; border-top:3px solid #61a61d;}
.Mobile-fluid ul {width:100%; overflow:hidden; padding:5px 0;}
.Mobile-fluid ul li{ float:left; width:33.333333%; text-align:center; padding:10px 0px; margin:0 auto;}
.Mobile-fluid{display:none;}



/* 超小设备（手机，小于 768px） */
@media only screen and (max-width: 768px) {
  
.Tel {display:none;}
.tabs li {margin: 0;}
.tabs li a{ padding: 10px 24px; font-size: 16px;}
.Sublist-right {float: left; padding-top: 20px;}
.Sublist-right li a{ padding: 8px 15px;}
.navbar-brand{ width: 166px;}

/*.navbar-nav{float:left !important;margin: 0px !important; padding-top: 0px; }
.navbar-nav>li{width:100%; }
.navbar-nav>li>a{ padding:0px 20px;}
.navbar-default .navbar-nav>li>a {text-align:left;line-height: 40px; border-bottom:1px solid #e7e7e8;} 
.navbar-default .navbar-nav>li>a:hover,.navbar-nav>li>a:active {background:#61a61d !important; color: #fff !important; height:38px; line-height:38px; margin:0 0;}

.dropdown-toggle{ height:40px; line-height:40px;}
.dropdown-menu>li>a{ height:38px; line-height:38px; padding:0; text-align:left;  margin:0 20px;}
.navbar-collapse{padding-left:0px !important;}*/

	
.companybg{background:none;}
.company {background:#61a61d;}

.Sublist li{ border-bottom: 1px solid #d1d1d1;border-right:0;}	
.Technology{margin: 15px;}

.zixun{padding-bottom: 60px;}	
.zixun h1{font-size: 18px;line-height: 30px;}
.zixun img{margin:0px 0px 30px 0px;}
	
.Mobile-fluid{ display:block;}
.Copy{padding-bottom:80px; padding-top: 15px; line-height:28px;}
.Copy span{display:none;}
.FootMenu{ display:none;}


}

@media only screen and (max-width: 1024px) {
	
.logo img{width:200px;}	
.navbar-default .navbar-nav>li>a {width: 100%;} 
	
}


@media only screen and (max-width: 320px) {
	
.banner{height:188px;}
	
}




.page { margin:15px 0 30px 0; }
.page ul { display: block; text-align: center; }
.page ul li { padding:5px 10px; display: inline; background: #efefef; }
.page ul li.thisclass { background: #4aa616; color:#fff; }
.page ul li.thisclass a{ color:#fff; }
.page ul li:first-child { display: none; }
.page ul li:last-child { display: none; }